<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta name="renderer" content=”webkit|ie-comp|ie-stand”/>
  <meta name="viewport" content="width=device-width"/>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="renderer" content="webkit">
  <meta name="viewport" content="width=device-width, initial-scale=1"/>
  <link rel="icon" href="/favicon.ico">

  <title>收费凭条</title>
  <link href="/assets/plugins/pace/pace-theme-minimal.css" rel="stylesheet"/>
  <link href="/assets/plugins/font/css/font-awesome.min.css" rel="stylesheet"/>
  <link href="/assets/plugins/bootstrap/bootstrap.min.css" rel="stylesheet"/>
  <link rel="stylesheet" type="text/css" href="/assets/plugins/jquery-ui/css/base/jquery-ui-1.10.4.custom.css"/>

  <script src="/assets/plugins/pace/pace.min.js"></script>
  <script src="/assets/plugins/jquery-ui/js/jquery-1.10.2.js"></script>
  <script src="/assets/plugins/jquery-ui/js/jquery-ui-1.10.4.min.js"></script>
  <script src="/assets/plugins/bootstrap/bootstrap.min.js"></script>
  <script src="/assets/plugins/jquery/plugin/jqprint/jquery.jqprint-0.3.js"></script>


  <link href="/module/style/lr-common.css" rel="stylesheet"/>
  <link href="/module/plugin/scroll/scroll.css" rel="stylesheet"/>
  <link href="/module/style/lr-iframe-index.css" rel="stylesheet"/>
  <link href="/module/plugin/layout/lr-layout.css" rel="stylesheet"/>
  <link href="/module/plugin/tree/lr-tree.css" rel="stylesheet"/>
  <link href="/module/plugin/select/lr-select.css" rel="stylesheet"/>

  <link href="/module/plugin/timeline/lr-timeline.css" rel="stylesheet"/>
  <link href="/module/plugin/formselect/lr-formselect.css" rel="stylesheet"/>
  <link href="/module/plugin/custmerquery/lr-custmerquery.css" rel="stylesheet"/>
  <link href="/module/plugin/date/lr-datepicker.css" rel="stylesheet"/>
  <link href="/module/plugin/grid/jfgrid.css" rel="stylesheet"/>

  <script src="/assets/plugins/laydate/laydate.js"></script>
  <!--[if lt IE 9]>
  <script src="/assets/plugins/bootstrap/html5shiv.min.js"></script>
  <script src="/assets/plugins/bootstrap/respond.min.js"></script>
  <![endif]-->

  <!-- hiprint -->
  <link href="/assets/plugins/hiprint/css/hiprint.css" rel="stylesheet"/>
  <link href="/assets/plugins/hiprint/css/print-lock.css" rel="stylesheet"/>


  <link rel="stylesheet" href="/assets/plugins/hiprint/css/print-lock.css">
  <script src="/assets/plugins/hiprint/hiprint.bundle.js"></script>
  <script src="/assets/plugins/hiprint/polyfill.min.js"></script>
  <script src="/assets/plugins/hiprint/plugins/jquery.hiwprint.js"></script>
  <script src="/assets/plugins/hiprint/plugins/jquery.minicolors.min.js"></script>
  <script src="/module/formatMoney.js"></script>
  <script src="/module/formatDate.js"></script>

  <script src="/module/calc.js"></script>

  <script>
    function request(d) {
      for (var c = location.search.slice(1).split("&"), a = 0; a < c.length; a++) {
        var b = c[a].split("=");
        if (b[0] == d) if ("undefined" == unescape(b[1])) break; else return unescape(b[1])
      }
      return ""
    };
  </script>
  <style>
    /* 谷歌 */
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      appearance: none;
      margin: 0;
    }

    /* 火狐 */
    input {
      -moz-appearance: textfield;
    }
  </style>
  <style>
    .ui-autocomplete {
      max-height: 600px;
      overflow-y: auto;
      /* 防止水平滚动条 */
      overflow-x: hidden;
      background-color: #FFFFFF;
    }
    /* IE 6 不支持 max-height
     * 我们使用 height 代替，但是这会强制菜单总是显示为那个高度
     */
    * html .ui-autocomplete {
      height: 600px;
    }
  </style>

  <script type="text/javascript">
    $(function() {
      $("#fkrFullname").autocomplete({//为文本框完成绑定
        source: function(request,response){
          //使用自定义函数处理
        }
      });
    });
  </script>
</head>
<!--style="background:url('工行收费凭条.png');background-repeat:no-repeat ;background-size:100% 100%; background-attachment: fixed;"-->
<body class="Chrome 64.0 lr-uitheme-top">
<!--<div id="lr_form_bg" class="lr-form-bg">
</div>-->

<div class="lr-layout">
  <div class="lr-layout-center">
    <div class="lr-layout-wrap lr-layout-wrap-notitle">
      <div class="lr-layout-tool">
        <div class="lr-layout-tool-right">
          <div class=" btn-group btn-group-sm">
            <a id="lr_refresh" class="btn btn-default"><i class="fa fa-refresh"></i></a>
          </div>
          <div class=" btn-group btn-group-sm" learun-authorize="yes">
            <a id="lr_save" class="btn btn-default"><i class="fa fa-save"></i>&nbsp;<span
                    class="lrlg">保存</span></a>
          </div>

          <div class=" btn-group btn-group-sm" learun-authorize="yes">
            <a id="lr_print" class="btn btn-default"><i class="fa fa-print"></i>&nbsp;<span
                    class="lrlg">打印</span></a>
            <!--                        <a id="lr_import" class="btn btn-default"><i class="fa fa-file-excel-o"></i>&nbsp;<span class="lrlg">导入Excel</span></a>-->
            <!--                        <a id="lr_export" class="btn btn-default"><i class="fa fa-download"></i>&nbsp;<span class="lrlg">导出Excel</span></a>-->
          </div>
        </div>
      </div>

      <div class="lr-layout-body"
        style="background:url('工行收费凭条.png');background-repeat:no-repeat;" id="form">
        <input id="djrq" type="text" class="form-control" autocomplete="off"
               onfocus="WdatePicker({lang:'zh-cn',dateFmt:'yyyy          MM           dd'})"
               style="position: absolute;border: 0;top:65px;left: 474px;width: 180px;height: 24px;font-size: 14px; background-color: transparent; "/>
        <div class="ui-widget">
          <label for="fkrFullname"></label>
          <input id="fkrFullname" type="text" class="form-control" isvalid="yes" checkexpession="NotNull"
                 style="position: absolute;border: 0;top:92px;left: 173px;width: 325px;height: 32px;font-size: 18px; background-color: transparent;">
        </div>
        <input id="fkrAccount" type="text" class="form-control" isvalid="yes" checkexpession="NotNull"
               style="position: absolute;border: 0;top:92px;left: 655px;width: 416px;height: 32px;font-size: 18px; background-color: transparent;">

        <input id="project1" type="text" class="form-control" isvalid="yes" checkexpession="NotNull"
               style="position: absolute;border: 0;top:173px;left:50px;width: 217px;height: 30px;font-size: 18px;background-color: transparent;">
        <input id="count1" type="number" class="form-control bill-count" isvalid="yes" checkexpession="NotNull"
               style="position: absolute;border: 0;top: 173px;left:266px;width: 88px;height: 30px;font-size: 18px;background-color: transparent;">
        <input id="cost1" type="number" step="0.01" class="form-control bill-cost" isvalid="yes" checkexpession="NotNull" onchange="f1()"
               style="position: absolute;border: 0;top: 173px;left:354px;width: 148px;height: 30px;font-size: 18px;background-color: transparent;">
        <input id="fee1" type="number" step="0.01" class="form-control bill-fee" isvalid="yes" checkexpession="NotNull" onchange="f1()"
               style="position: absolute;border: 0;top: 173px;left:501px;width: 153px;height: 30px;font-size: 18px;background-color: transparent;">
        <input id="charge1" type="number" step="0.01" class="form-control bill-charge" isvalid="yes" checkexpssion="NotNull" readonly="readonly"
               style="position: absolute;border: 0;top: 173px;left:655px;width:217px;height: 30px;font-size: 18px;text-align: right; letter-spacing: 13px;background-color: transparent;">

        <input id="project2" type="text" class="form-control" isvalid="yes" checkexpession="NotNull"
               style="position: absolute;border: 0;top:202px;left:50px;width: 217px;height: 30px;font-size: 18px;background-color: transparent;">
        <input id="count2" type="text" class="form-control bill-count" isvalid="yes" checkexpession="NotNull"
               style="position: absolute;border: 0;top:202px;left:266px;width: 88px;height: 30px;font-size: 18px;background-color: transparent;">
        <input id="cost2" type="number" step="0.01" class="form-control bill-cost" isvalid="yes" checkexpession="NotNull" onchange="f2()"
               style="position: absolute;border: 0;top: 202px;left:354px;width: 148px;height: 30px;font-size: 18px;background-color: transparent;">
        <input id="fee2" type="number" step="0.01" class="form-control bill-fee" isvalid="yes" checkexpession="NotNull" onchange="f2()"
               style="position: absolute;border: 0;top: 202px;left:501px;width: 153px;height: 30px;font-size: 18px;background-color: transparent;">
        <input id="charge2" type="number" step="0.01" class="form-control bill-charge" isvalid="yes" checkexpssion="NotNull" readonly="readonly"
               style="position: absolute;border: 0;top: 202px;left:655px;width:217px;height: 30px;font-size: 18px;text-align: right; letter-spacing: 13px;background-color: transparent;">

        <input id="project3" type="text" class="form-control" isvalid="yes" checkexpession="NotNull"
               style="position: absolute;border: 0;top:232px;left:50px;width: 217px;height: 30px;font-size: 18px;background-color: transparent;">
        <input id="count3" type="text" class="form-control bill-count" isvalid="yes" checkexpession="NotNull"
               style="position: absolute;border: 0;top:232px;left:266px;width: 88px;height: 30px;font-size: 18px;background-color: transparent;">
        <input id="cost3" type="number" step="0.01" class="form-control bill-cost" isvalid="yes" checkexpession="NotNull" onchange="f3()"
               style="position: absolute;border: 0;top:232px;left:354px;width: 148px;height: 30px;font-size: 18px;background-color: transparent;">
        <input id="fee3" type="number" step="0.01" class="form-control bill-fee" isvalid="yes" checkexpession="NotNull" onchange="f3()"
               style="position: absolute;border: 0;top:232px;left:501px;width: 153px;height: 30px;font-size: 18px;background-color: transparent;">
        <input id="charge3" type="number" step="0.01" class="form-control bill-charge" isvalid="yes" checkexpssion="NotNull" readonly="readonly"
               style="position: absolute;border: 0;top: 232px;left:655px;width:217px;height: 30px;font-size: 18px;text-align: right; letter-spacing: 13px;background-color: transparent;">

        <input id="project4" type="text" class="form-control" isvalid="yes" checkexpession="NotNull"
               style="position: absolute;border: 0;top:262px;left:50px;width: 217px;height: 30px;font-size: 18px;background-color: transparent;">
        <input id="count4" type="text" class="form-control bill-count" isvalid="yes" checkexpession="NotNull"
               style="position: absolute;border: 0;top:262px;left:266px;width: 88px;height: 30px;font-size: 18px;background-color: transparent;">
        <input id="cost4" type="number" step="0.01" class="form-control bill-cost" isvalid="yes" checkexpession="NotNull" onchange="f4()"
               style="position: absolute;border: 0;top:262px;left:354px;width: 148px;height: 30px;font-size: 18px;background-color: transparent;">
        <input id="fee4" type="number" step="0.01" class="form-control bill-fee" isvalid="yes" checkexpession="NotNull" onchange="f4()"
               style="position: absolute;border: 0;top:262px;left:501px;width: 153px;height: 30px;font-size: 18px;background-color: transparent;">
        <input id="charge4" type="number" step="0.01" class="form-control bill-charge" isvalid="yes" checkexpssion="NotNull" readonly="readonly"
               style="position: absolute;border: 0;top: 262px;left:654px;width:217px;height: 30px;font-size: 18px;text-align: right; letter-spacing: 14px;background-color: transparent;">

        <input id="project5" type="text" class="form-control" isvalid="yes" checkexpession="NotNull"
               style="position: absolute;border: 0;top:292px;left:50px;width: 217px;height: 30px;font-size: 18px;background-color: transparent;">
        <input id="count5" type="text" class="form-control bill-count" isvalid="yes" checkexpession="NotNull"
               style="position: absolute;border: 0;top:292px;left:266px;width: 88px;height: 30px;font-size: 18px;background-color: transparent;">
        <input id="cost5" type="number" step="0.01" class="form-control bill-cost" isvalid="yes" checkexpession="NotNull" onchange="f5()"
               style="position: absolute;border: 0;top:292px;left:354px;width: 148px;height: 30px;font-size: 18px;background-color: transparent;">
        <input id="fee5" type="number" step="0.01" class="form-control bill-fee" isvalid="yes" checkexpession="NotNull" onchange="f5()"
               style="position: absolute;border: 0;top:292px;left:501px;width: 153px;height: 30px;font-size: 18px;background-color: transparent;">
        <input id="charge5" type="number" step="0.01" class="form-control bill-charge" isvalid="yes" checkexpssion="NotNull" readonly="readonly"
               style="position: absolute;border: 0;top: 292px;left:655px;width:217px;height: 30px;font-size: 18px;text-align: right; letter-spacing: 13px;background-color: transparent;">

        <input id="project6" type="text" class="form-control" isvalid="yes" checkexpession="NotNull"
               style="position: absolute;border: 0;top:321px;left:50px;width: 217px;height: 30px;font-size: 18px;background-color: transparent;">
        <input id="count6" type="text" class="form-control bill-count" isvalid="yes" checkexpession="NotNull"
               style="position: absolute;border: 0;top:321px;left:266px;width: 88px;height: 30px;font-size: 18px;background-color: transparent;">
        <input id="cost6" type="number" step="0.01" class="form-control bill-cost" isvalid="yes" checkexpession="NotNull" onchange="f6()"
               style="position: absolute;border: 0;top:321px;left:354px;width: 148px;height: 30px;font-size: 18px;background-color: transparent;">
        <input id="fee6" type="number" step="0.01" class="form-control bill-fee" isvalid="yes" checkexpession="NotNull" onchange="f6()"
               style="position: absolute;border: 0;top:321px;left:501px;width: 153px;height: 30px;font-size: 18px;background-color: transparent;">
        <input id="charge6" type="number" step="0.01" class="form-control bill-charge" isvalid="yes" checkexpssion="NotNull" readonly="readonly"
               style="position: absolute;border: 0;top: 321px;left:655px;width:217px;height: 30px;font-size: 18px;text-align: right; letter-spacing: 13px;background-color: transparent;">

        <input id="money1" type="text" class="form-control" isvalid="yes" checkexpession="NotNull"
               style="position: absolute;border: 0;top:381px;left: 134px;height: 60px; width: 515px;font-size: 18px; background-color: transparent;"/>

        <input id="money2" type="number" maxlength="11" step="0.01" class="form-control" disabled="disabled"
               style="position: absolute;border: 0;top:381px;left: 655px;height: 60px; width: 217px;font-size: 18px;text-align: right; letter-spacing: 13px; background-color: transparent;"/>

        <input id="lgrFullname" type="text" class="form-control" isvalid="yes" checkexpession="NotNUll"
               style="position: absolute;border: 0;top: 471px;left: 266px;width: 234px;height: 61px;font-size: 18px;background-color: transparent;">
        <input id="lgrZjlx" type="text" class="form-control" isvalid="yes" checkexpession="NotNull"
               style="position: absolute;border: 0;top: 473px;left: 648px;width: 400px;height: 30px;font-size: 18px;background-color: transparent;">
        <input id="lgrZjhm" type="text" class="form-control" isvalid="yes" checkepession="NotNull"
               style="position: absolute;border: 0;top: 502px; left: 648px;width: 400px;height: 30px;font-size: 18px;background-color: transparent;">

        <input id="totalCount" type="number" class="form-control" readonly="readonly"
               style="position: absolute;border: 0;top: 350px;left: 266px;width: 88px;height: 30px;font-size: 18px;background-color: transparent;">
        <input id="totalCost" type="number" class="form-control" readonly="readonly"
               style="position: absolute;border: 0;top: 350px;left: 354px;width: 148px;height: 30px;font-size: 18px;background-color: transparent;">
        <input id="totalFee" type="number" class="form-control" readonly="readonly"
               style="position: absolute;border: 0;top: 350px;left: 501px;width: 153px;height: 30px;font-size: 18px;background-color: transparent;">
        <input id="totalCharge" type="number" class="form-control" readonly="readonly"
               style="position: absolute;border: 0;top: 350px;left: 655px;width: 217px;height: 30px;font-size: 18px;text-align: right; letter-spacing: 13px;background-color: transparent;">
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog modal-lg" role="document" style="display: inline-block; width: auto;">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">打印预览</h4>
      </div>

      <div class="modal-body">
        <button type="button" class="btn btn-danger" id="A4_printByHtml">直接打印</button>
        <span id="printerlist"></span>
        <div class="prevViewDiv"></div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>

      </div>
    </div>
  </div>
</div>
<!--<div class="lf-form-wrap" id="form">

</div>-->

<script src="form2.js"></script>

<script src="/module/config.js"></script>
<script src="/module/plugin/resize/resize.js"></script>
<script src="/module/plugin/mousewheel/mousewheel.js"></script>
<script src="/module/plugin/layout/lr-layout.js"></script>
<script src="/module/plugin/scroll/scroll.js"></script>
<script src="/module/plugin/tree/lr-tree.js"></script>
<script src="/module/plugin/select/lr-select.js"></script>
<script src="/module/plugin/timeline/lr-timeline.js"></script>
<script src="/module/plugin/formselect/lr-formselect.js"></script>
<script src="/module/plugin/date/lr-datepicker.js"></script>
<script src="/module/plugin/grid/jfgrid.js"></script>
<script src="/module/script/lr-validator.js"></script>
<script src="/module/script/lr-authorize.js"></script>
<script src="/module/script/lr-excel.js"></script>
<script src="/module/script/lr-form.js"></script>

<script>
  var lrModuleButtonList;
  var lrModuleColumnList;
  var lrModule;

  $(function () {
    $('#lr_layout').lrLayout();

    top.learun.httpAsync('GET', config.base_server() + 'menus/findByPath?path=' + window.location.pathname + '&access_token=' + config.getToken().access_token, null, function (data) {
      lrModuleButtonList = data.btns;
      lrModuleColumnList = data.cols;
      lrModule = data;
      if (!!window.bootstrap) {
        bootstrap(jQuery, top.learun);
      }
    });
  });

  function f1() {
    var x = document.getElementById("cost1");
    var y = document.getElementById("fee1");
    var z = document.getElementById("charge1");
    z.value  = calc.mul(calc.add(Number(x.value), Number(y.value)),100);
  }
  function f2() {
    var x = document.getElementById("cost2");
    var y = document.getElementById("fee2");
    var z = document.getElementById("charge2");
    z.value  = calc.mul(calc.add(Number(x.value), Number(y.value)),100);
  }
  function f3() {
    var x = document.getElementById("cost3");
    var y = document.getElementById("fee3");
    var z = document.getElementById("charge3");
    z.value  = calc.mul(calc.add(Number(x.value), Number(y.value)),100);
  }
  function f4() {
    var x = document.getElementById("cost4");
    var y = document.getElementById("fee4");
    var z = document.getElementById("charge4");
    z.value  = calc.mul(calc.add(Number(x.value), Number(y.value)),100);
  }
  function f5() {
    var x = document.getElementById("cost5");
    var y = document.getElementById("fee5");
    var z = document.getElementById("charge5");
    z.value  = calc.mul(calc.add(Number(x.value), Number(y.value)),100);
  }
  function f6() {
    var x = document.getElementById("cost6");
    var y = document.getElementById("fee6");
    var z = document.getElementById("charge6");
    z.value  = calc.mul(calc.add(Number(x.value), Number(y.value)),100);
  }

  window.onload = function(){
    var inputs = document.getElementsByTagName("input");
    for(i=0;i<inputs.length;i++){
      inputs[i].onblur = function(){
        var add1 = document.getElementById("totalCost").value;
        var add2 = document.getElementById("totalFee").value;

        document.getElementById("totalCharge").value = (add1*1 + add2*1)*100;

        $("#money2").val(keepTwoDecimalFull(calc.mul(calc.add(Number(add1), Number(add2)),100)));
        $("#money1").val(chineseNumber(calc.mul(calc.add(Number(add1), Number(add2)),100)));

      }
    }
  }
</script>
</body>
</html>
